html,
body {
	margin: 0;
	padding: 0;
	width: 640px;
	height: 1030px;
}

#bg1 {
	width: 100%;
	height: 100%;
	background-image: url('../imgs/grey/background1.jpg');
	background-size: cover;
}

#pen {
	position: absolute;
	left: 150px;
	top: 804px;
	z-index: 2;
}

#penb {
	width: 30%;
	position: absolute;
	left: 142px;
	top: 798px;
	z-index: 1;
	animation: bright 2s ease infinite;
}

@keyframes bright {
	0% {
		opacity: 90%;
	}

	50% {
		opacity: 20%;
	}

	100% {
		opacity: 90%;
	}
}

#pen2 {
	position: absolute;
	left: 510px;
	top: 255px;
	display: none;
}

#paint {
	position: absolute;
	left: 368px;
	top: 824px;
	z-index: 2;
}

#paintb {
	width: 42%;
	position: absolute;
	left: 355px;
	top: 815px;
	z-index: 1;
	animation: bright 2s ease infinite;
}

#paint2 {
	position: absolute;
	left: 505px;
	top: 405px;
	display: none;
}

#quit {
	position: absolute;
	left: 518px;
	top: 568px;
	width: 6%;
	height: 24%;
}

#pen1 {
	z-index: 2;
	position: absolute;
	left: 200px;
	top: 800px;
	width: 30%;
	display: none;
}

#paint1 {
	z-index: 2;
	position: absolute;
	left: 400px;
	top: 800px;
	width: 30%;
	display: none;
}

#workbench {
	display: none;
	position: absolute;
	left: 70px;
	top: 215px;
	width: 495px;
	height: 695px;
	background: url("../imgs/grey/bg2.png");
	z-index: 3;
	transition: all .3s;
}

#stage1 {
	position: absolute;
	left: 70px;
	top: 215px;
	width: 495px;
	height: 695px;
	background: url("../imgs/grey/stage1.png");
	z-index: 3;
	display: none;
	transition: all .3s;
}

#stage2 {
	position: absolute;
	left: 70px;
	top: 215px;
	width: 495px;
	height: 695px;
	background: url("../imgs/grey/stage2.png");
	z-index: 3;
	display: none;
	transition: all .3s;
}

#stage3 {
	position: absolute;
	left: 70px;
	top: 215px;
	width: 495px;
	height: 695px;
	background: url("../imgs/grey/stage3.png");
	z-index: 3;
	display: none;
	transition: all .3s;
}

#wpen {
	display: none;
	z-index: 5;
	width: 12%;
	position: absolute;
	left: 150px;
	top: 705px;
}

#wpaint {
	display: none;
	z-index: 5;
	width: 16%;
	position: absolute;
	left: 260px;
	top: 685px;
}

#wvat {
	display: none;
	z-index: 5;
	width: 15%;
	position: absolute;
	left: 373px;
	top: 698px;
}

#return {
	display: none;
	z-index: 5;
	position: absolute;
	left: 485px;
	top: 784px;
	width: 4%
}

#ret {
	position: absolute;
	left: 575px;
	top: 934px;
	width: 7%;
}

#control {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 30px;
	height: 25px;
	z-index: 99;
}